<template>
  <div class="loading-wrapper">
    <img width="24" height="24" src="../../assets/images/loading/loading.gif">
    <p class="desc">{{loadingTitle}}</p>
  </div>
</template>

<script>
export default {
  props: {
    loadingTitle: {
      type: String,
      default: "正在载入..."
    }
  }
}

</script>
<style scoped lang="less">
  .loading-wrapper {
    width:100%;
    box-sizing:border-box;
    display:flex;
    flex-direction: row;
    justify-content:center;
    align-items:center;

    .desc {
      line-height:20px;
      font-size:12px;
      color:#ABCDEF;
    }
  }
</style>
